<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>A2N湖北医疗资源Beta</title>
    <link rel="stylesheet" href="lib/leaflet/leaflet.css">
    <link rel="stylesheet" href='css/style2.css'>
    <link rel="stylesheet" href="./css/fontmenu/iconfont.css">
    <link rel="stylesheet" href="./css/fontClose/iconfont.css">
    <link rel="stylesheet" href="./css/font_open/iconfont.css">
    <link rel="stylesheet" href="./css/font_down/iconfont.css">
    <link rel="stylesheet" href="./css/font-flag/iconfont.css">
    <link rel="stylesheet" href="./css/font-href/iconfont.css">
    <link rel="stylesheet" href="./windicon/iconfont.css">
    <link rel="stylesheet" href="./css/tuichu/iconfont.css">

</head>

<body>
    <div id='intro' onclick=openIntro()>
        关于此地图
    </div>
    <!-- <div id='relLinks' onclick=openIntro()>
        数据源链接
    </div> -->
    <div id='introText'>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp这里是<a href="https://weibo.com/u/6212751097?is_hot=1A2N">A2N</a>湖北非新冠肺炎患者就医信息可视化平台。我们项目的数据源来自<a href="https://weibo.com/bridgefoundation">Bridge床位组</a>的志愿者们整理的<a href="https://shimo.im/sheets/r53JVWge4LsjFe3m/32n1D">非定点医院信息集合</a>
        、<a href="https://shimo.im/sheets/hPg9t9xT6GtkC3p8/MODOC">定点医院信息集合</a>，以及<a href="https://weibo.com/u/6892480749?topnav=1&wvr=6&topsug=1&is_all=1">NCP生命支援</a>开发的<a href="http://yf.shcnwl.cn/?from=groupmessage&isappinstalled=0#/">武汉孕产妇信息平台</a>
        ，此外，我们还调用了高德地图和腾讯地图API完善了数据。<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp我们希望用志愿者们整理好的数据，通过地图可视化和表格查询相结合，结合用户定位，帮助湖北更多的非新冠肺炎患者更方便地查找到他们所需要的医院。
        目前，我们收集了肿瘤科（含恶性血液病）、肾透析、妇产科、儿科（含新生儿）、急诊科的就诊信息。<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp查询页面的主要使用方法是选择科室类型（查询武汉孕妇医疗服务和急诊服务的，需要选择具体服务类型），然后网页会根据您的位置对附近提供该科室服务的医院进行排序。之后，您可以点击地图或者表格内容查询相应医院的信息。
        <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp我们会继续完善我们产品的功能。如果您发现PC端或移动端无法定位或者有其他问题，建议您可以使用火狐（Firefox）浏览器。数据最新更新日期是3月2日。<br><b>我们的展示的信息可能会有延迟或者错误，请确保在实际就诊前，与医院联系确认信息准确性。</b>
    </div>
    <div id='disclaimer'>
        <div id='announcement'>
            免责声明：我们收集和展示的信息仅供参考，不排除有不准确或者出错的可能性，请勿用作做任何决策的唯一依据。<b>就医之前，请通过官方途径（电话等）确认信息准确性。</b>
        </div>
        <div id='acknowledged' onclick=acknowledged()>
            已知悉，关闭
        </div>
    </div>
    <div id='hList'>
        <div id='show-legend'>
            <input type="checkbox" name="show-legend" value="show-legend" id="show-legend2">
            <label for="show-legend2" style='margin-left:-3px; '>显示图例</label>
        </div>
        <!-- <div id='show-label'>
            <input type="checkbox" name="show-label" value="show-label" id="show-label2">
            <label for="show-label2" style='margin-left:-3px; '><b>地图上显示医院名称</b></label>
        </div> -->

        <div id='show-count'>
        </div>

        <div id='ranking-cont'>
        </div>

        <!-- <div id='loc'>
            placeholder
        </div> -->
    </div>
    <div id='userDefLoc'></div>
    <div class='hospitalType'>
        <div class='side-panel-title' id='dept-prompt'>
            <b>请选择您寻找的科室类型：</b>
        </div>
        <div class='dept-cont'>
            <!-- <div class='dept-btn' id='nac'>
                <span>核酸检测</span>
            </div> -->
            <div class='dept-btn' id='tumor'>
                <span>肿瘤科</span>
            </div>
            <div class='dept-btn' id='kidney'>
                <span>肾透析</span>
            </div>
            <div class='dept-btn' id='gyn'>
                <span>妇产科</span>
            </div>
            <div class='dept-btn' id='ped'>
                <span>儿科</span>
            </div>
            <div class='dept-btn' id='emg'>
                <span>急诊</span>
            </div>
        </div>

        <div id='svc-cont'>
            <div class='side-panel-title-sub' id='svc-prompt'>
            </div>
            <div id='gyn-s' class='service'>
                <div id='gyn-s-1'>
                    <div class='gyn-s-categ'>
                        接收条件
                    </div>
                    <div>
                        <input type="checkbox" name="gynType" value="np" id="gyn-np">
                        <label for="gyn-np" class='spec-label'>接收普通孕妇</label>
                    </div>
                    <div>
                        <input type="checkbox" name="gynType" value="sp" id="gyn-cfm">
                        <label for="gyn-cfm" class='spec-label'>接收新冠肺炎疑似/确诊孕妇</label>
                    </div>
                </div>

                <div id='gyn-s-2'>
                    <div class='gyn-s-categ'>
                        检孕与接生
                    </div>
                    <div>
                        <input type="checkbox" name="gynType" value="nc" id="gyn-nc">
                        <label for="gyn-nc" class='spec-label'>常规产检</label>
                    </div>
                    <div>
                        <input type="checkbox" name="gynType" value="Bc" id="gyn-Bc">
                        <label for="gyn-Bc" class='spec-label'>孕期产检B超</label>
                    </div>
                    <div>
                        <input type="checkbox" name="gynType" value="dex" id="gyn-dex">
                        <label for="gyn-dex" class='spec-label'>中孕期三维排畸彩超（大排畸）</label>
                    </div>
                    <div>
                        <input type="checkbox" name="gynType" value="d" id="gyn-d">
                        <label for="gyn-d" class='spec-label'>接生</label>
                    </div>
                </div>
            </div>
            <div id='nac-s' class='service'>
            </div>

            <div id='tumor-s' class='service'>
            </div>

            <div id='kidney-s' class='service'>
            </div>

            <div id='ped-s' class='service'>
            </div>

            <div id='emg-s' class='service'>
                <div class=''>
                    <input type="radio" name="emgType" value="brain" id="emg-brain">
                    <label for="emg-brain" class='spec-label'>脑梗</label>
                </div>
                <div>
                    <input type="radio" name="emgType" value="heart" id="emg-heart">
                    <label for="emg-heart" class='spec-label'>心梗</label>
                </div>
                <div>
                    <input type="radio" name="emgType" value="surgery" id="emg-surgery">
                    <label for="emg-surgery" class='spec-label'>急诊外科手术</label>
                </div>
            </div>
        </div>
    </div>

    <div id='hospital-legend'>
        <svg height='120' width='118' font-size='14px'>
            <circle class="legend-circle" cx="12" cy="10" r="7" fill="#2f5" fill-opacity="1" stroke="#ff0"
                stroke-opacity="1" stroke-width="2"></circle>
            <text x='22' y='15'>
                <tspan>提供所有所选</tspan>
                <tspan x=25 dy=19>医疗服务</tspan>
            </text>

            <circle class="legend-circle" cx="12" cy="52" r="7" fill="#e81" fill-opacity="1" stroke="#e10"
                stroke-opacity="1" stroke-width="2"></circle>
            <text x='22' y='57'>
                <tspan>对部分/全部所</tspan>
                <tspan x=25 dy=19>选服务有限制</tspan>
            </text>

            <circle class="legend-circle" cx="12" cy="93" r="7" fill="#777" fill-opacity="1" stroke="#333"
                stroke-opacity="1" stroke-width="2"></circle>
            <text x='22' y='99'>
                <tspan>不提供部分/</tspan>
                <tspan x=25 dy=19>全部所选服务</tspan>
            </text>
        </svg>
    </div>
    <div id='map'></div>

    <script type="text/javascript" src="lib/leaflet/leaflet.js"></script>
    <script type="text/javascript" src="lib/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="lib/d3.v5.min.js"></script>
    <script type="text/javascript" src="lib/topojson.v3.min.js"></script>

    <script src='https://unpkg.com/simple-statistics@7.0.2/dist/simple-statistics.min.js'></script>
    <script type="text/javascript" src="lib/L.CanvasOverlay_0.7.js"></script>
    <script type="text/javascript" src="lib/leaflet.ChineseTmsProviders.js"></script>

    <script type="text/javascript" src="lib/svg-icon.js"></script>

    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>